<template>
  <div class="emailSent">
    <el-col class="emailSentConainter" :xs="18">
      <div class="markBox">
        <span>邮箱icon</span>
        <div class="title">Email Sent</div>
      </div>
      <div class="tipBox">
        <p>We've sent a password reset link to ****234@gmail.com</p>
        <p>Please check your email and follow the instructions to reset your password.</p>
      </div>
      <el-button color="#00AA8B">Close</el-button>
    </el-col>
  </div>
</template>

<script setup>

</script>
<style scoped lang="less">
.emailSent {
  overflow: hidden;
  .emailSentConainter {
    width: 464px;
    margin: 66px auto 0;
    color: #ffffff;
    .markBox {
      text-align: center;
      span {
        margin-bottom: 17.5px;
      }
      .title {
        font-size: 28px;
      }
    }
    .tipBox {
      text-align: center;
      font-size: 15px;
      margin: 16px 0;
    }
    .el-button {
      width: 100%;
      height: 44px;
    }
  }
  @media screen and(max-width:768px) {
    .emailSentConainter {
      margin-top: 36px;
    }
  }
}
</style>
